
.jpro-sipjs-example-page {
  -fx-background-color: white;
}

.jpro-sipjs-example-page .select-page-title {
  -fx-font-size: 2em;
  -fx-font-weight: bold;
  -fx-padding: 0 0 20 0;
}

.jpro-sipjs-example-page .select-page-hbox {
  -fx-spacing: 20;
  -fx-padding: 0 0 0 20;
}

.jpro-sipjs-example-page .select-button {
  -fx-font-size: 1.5em;
  -fx-font-weight: bold;
  -fx-padding: 10 20 10 20;
  -fx-background-color: #f4f4f4;
  -fx-border-color: #e0e0e0;
  -fx-border-width: 1;
  -fx-border-radius: 5;
  -fx-background-radius: 5;
  -fx-cursor: hand;
}

.jpro-sipjs-example-page .select-button:hover {
  -fx-background-color: #e0e0e0;
}









.jpro-sipjs-example-page {
    -fx-background-color: #f0f0f0;
    -fx-padding: 20px;
    -fx-alignment: center;
}

.title {
    -fx-font-size: 24px;
    -fx-font-weight: bold;
    -fx-text-fill: #333333;
}

/* Styles for HBox containing Alice and Bob */
.alice-and-bob-hbox {
    -fx-spacing: 10px;
    -fx-alignment: center;
}

/* Styles for each user container (VBox) */
.user-container {
    -fx-background-color: #e8e8e8;
    -fx-border-color: #d0d0d0;
    -fx-border-width: 1px;
    -fx-padding: 10px;
    -fx-spacing: 5px;
    -fx-alignment: top-center;
}

/* Specific styles for Labels within user containers */
.user-container > .label {
    -fx-font-size: 18px;
    -fx-font-style: italic;
    -fx-text-fill: #555555;
}

.video-local,
.video-remote {
  -fx-min-width: 320px;
  -fx-min-height: 240px;

}